/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      表单       >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .QuestionnaireList-MyQuestion .CoreWeb-WebForm {
  margin: 0 0.4vw;

  /* ============================== 滚动区 ============================== */
  .__view {
    padding: 0 1vw;

    > div {
      padding-bottom: 1px;

      > div + div {
        margin-top: 20px;
      }
    }
  }

  /* ============================== 表单项 ============================== */
  .CoreWeb-FormItem {
    margin-bottom: 4px;
  }

  /* ============================== 按钮 ============================== */
  .CoreWeb-Btn {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  /* ============================== 选项字母 ============================== */
  .el-radio__label,
  .el-checkbox__label {
    display: inline-block;
    width: 16px;
    text-align: center;
  }

  /* ============================== 必答开关 ============================== */
  .CoreWeb-FormSwitch-showText,
  .el-switch__label,
  .el-switch__core {
    height: 28px;
    line-height: 28px;
  }
  .el-switch__core:after {
    top: 2px;
    width: 22px;
    height: 22px;
    margin-left: 2px;
  }
  .el-switch__label {
    padding: 0 0 0 20px;
  }
  .is-checked {
    .el-switch__core:after {
      margin-left: -24px;
    }
    .el-switch__label {
      padding: 0 20px 0 0;
    }
  }

  /* ============================== 字数输入 ============================== */
  .CoreWeb-FormNum {
    .el-input-number__decrease,
    .el-input-number__increase {
      width: 30px;
    }
    .el-input__inner {
      padding: 0 32px 0 0;
    }
  }

  /* ============================== 文本输入 ============================== */
  .CoreWeb-FormTextarea {
    .el-textarea__inner[style*="min-height: 33px; height: 33px;"] {
      margin-top: 1.5px;
    }
  }

  /* ============================== 图片上传 ============================== */
  .el-upload-dragger > div > i {
    font-size: 28px;
  }
  .CoreWeb-FormImage-del {
    width: 16px;
    height: 16px;
    > i {
      font-size: 12px;
    }
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      类型       >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .QuestionnaireList-MyQuestion-LeftType {
  border-radius: 4px;
  background: #f0f2f5;

  /* ============================== 滚动区 ============================== */
  .__view {
    padding: 20px 0.6vw;
  }

  /* ============================== 某项 ============================== */
  .QuestionnaireList-MyQuestion-item {
    margin-bottom: 10px;

    /* —————————————————————————————— 按钮 —————————————————————————————— */
    .CoreWeb-BtnText {
      padding: 10px 0.5vw;
      font-size: 18px;
    }
  }

  /* ============================== 提示 ============================== */
  &-tip {
    padding: 10px 0 30px 0;
    text-align: center;
    color: var(--Black3);
    user-select: none;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      每项       >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .flex1 .QuestionnaireList-MyQuestion-item {
  line-height: 36px;
  padding: 10px 16px 6px;
  border: 2px dashed var(--Primary5);
  border-radius: 8px;
  transition: border, box-shadow 0.3s;

  /* ============================== 悬浮 ============================== */
  &-hover {
    border: 2px solid var(--Primary);
    box-shadow: inset 0 0 4px 1px var(--Primary5);
  }

  /* ============================== 间隔 ============================== */
  // + .QuestionnaireList-MyQuestion-item {
  //   margin-top: 20px;
  // }

  /* ============================== 序号 ============================== */
  > .flex0 {
    min-width: 24px;
    margin-right: 8px;

    /* —————————————————————————————— 内容 —————————————————————————————— */
    .el-form-item__content {
      font-size: 16px;
      font-weight: bold;
    }
  }

  /* ============================== 各类问题 ============================== */
  > .CoreWeb-FormItem {
    margin-bottom: 0;
  }

  /* ============================== 拖拽中的类型按钮 ============================== */
  > .CoreWeb-BtnText {
    margin: 0 32px 4px;
    font-size: 18px;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      分列       >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .QuestionnaireList-MyQuestion .QuestionnaireList-flex {
  display: flex;
  align-items: flex-start;
  margin: 0 -10px;

  /* ============================== 间隔 ============================== */
  > * {
    padding: 0 10px;
  }

  /* ============================== 标题文字 ============================== */
  &.QuestionnaireList-OurTitle {
    .el-textarea__inner {
      font-weight: bold;
    }
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      表格       >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .QuestionnaireList-MyQuestion .QuestionnaireList-table {
  margin-bottom: 4px;
  border: 1px solid var(--Info);
  border-radius: 6px;

  /* ============================== 最后一行 ============================== */
  > .flex:last-child > * {
    border-bottom: none;
  }

  /* ============================== 每行 ============================== */
  .flex {
    justify-content: center;

    /* —————————————————————————————— 单元格 —————————————————————————————— */
    > * {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 4px 8px;
      border-right: 1px solid var(--Info1);
      border-bottom: 1px solid var(--Info);
    }

    /* —————————————————————————————— 左侧标题列 —————————————————————————————— */
    .flex2 {
      border-right: 1px solid var(--Info5);
    }

    /* —————————————————————————————— 右侧按钮列 —————————————————————————————— */
    .flex0 {
      width: 80px;
      margin: 0;
      border-right: none;
    }

    /* —————————————————————————————— 按钮 —————————————————————————————— */
    .CoreWeb-BtnText {
      padding: 8px 0;
    }
  }

  /* ============================== 表单项 ============================== */
  .CoreWeb-FormItem {
    margin-bottom: 0;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      备注       >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .QuestionnaireList-remark,
body.CoreBody .QuestionnaireList-remark .el-textarea__inner,
body.CoreBody .QuestionnaireList-MyQuestion-type + .alignCenter {
  color: var(--SecondaryText) !important;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      导航       >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .QuestionnaireList-MyQuestion > .percent10 {
  border-radius: 4px;
  background: #f0f2f5;

  /* ============================== 滚动区 ============================== */
  .__view {
    line-height: 24px;
    padding: 6px;

    /* —————————————————————————————— 导航项 —————————————————————————————— */
    .QuestionnaireList-MyQuestion-nav {
      padding: 0 6px;
      border-radius: 4px;
      transition: color, background-color 0.3s;
      cursor: pointer;

      /* ------------------------------ 悬浮 ------------------------------ */
      &-hover {
        color: var(--Primary);
        background: var(--Primary1);
      }
    }
  }
}
